<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>轴承CMS</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="__WX__/mui/css/mui.min.css" rel="stylesheet" />
		<link href="__WX__/css/iconfont.css" rel="stylesheet" />
	</head>
	<script src="__WX__/js/jquery.min.js"></script>
	<style>
		ul li{
			list-style: none;
			padding:0;
			margin:0;
			border:0;
		}
		.top{
			height:460px;
			background:url('__WX__/img/login_bj.jpg') no-repeat;
			background-size:100%;
			overflow: hidden;
		}
		.cont{
			width:315px;
			height:290px;
			background-color:#fff;
			margin:120px auto;
			border-radius: 12px;
			box-shadow: 0px 5px 5px 2px #888888;
			overflow: hidden;
			padding:20px;
		}
		.denglu{
			width:150px;height:50px;float:right;margin-right:35px;margin-top:-15px;
			background:url('__WX__/img/btn_k.png') no-repeat;
			background-size:100%;
			overflow: hidden;
			text-align: center;
			line-height: 46px;
			color:#fff;
			font-size:16px;
			font-weight: bold;
		}
	</style>
	<body style="margin:0px;background-color:#fff;">
		<div class="mui-content" style="background-color:#fff;">
			<div class="mui-content top">
				<div class="cont" >
					<h2 style="margin-top:10px;">收费员登录</h2>
					<p style="margin-left:3px;margin-top:15px;">平台分配账号</p>
					<form>
					    <div class="mui-input-row" style="border-bottom:1px solid #53caff;margin-top:10px;">
					        <label style="width:22%;padding:0px;margin-top:11px;border-right:2px solid #999">账&nbsp;&nbsp;&nbsp;&nbsp;号</label>
					    	<input type="text" name="username" class="mui-input-clear" placeholder="请输入用户名" style="width:50%;float:left;padding-left:6px;">
					    	<button type="button" data-loading-icon-position="right" class="mui-btn xuanze" style="width:15%;height:40px;border:0px;">
					    		<img src="__WX__/img/zhanghao.png" style="width:200%;">
					    	</button>
					    </div>
					    <p style="margin-left:3px;margin-top:25px;">密码</p>
					    <div class="mui-input-row" style="border-bottom:1px solid #53caff;margin-top:10px;">
					        <label style="width:22%;padding:0px;margin-top:11px;border-right:2px solid #999">密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
					    	<input type="password" name="password" class="mui-input-clear" placeholder="请输入密码" style="width:50%;float:left;padding-left:6px;">
					    	<button type="button" data-loading-icon-position="right" class="mui-btn xuanze" style="width:15%;height:40px;border:0px;">
					    		<img src="__WX__/img/password.png" style="width:200%;">
					    	</button>
					    </div>
					    <a style="color:#53caff;float:right;margin-top:10px;" href="find_staff_pass.html">忘记密码？</a>
					</form>
				</div>
			</div>
			<p style="color:#53caff;float:left;margin-left:50px;" class="shoufei_xuzhi">收费须知？</p>
			<div class="denglu" style="">登录</div>
			<div id="jiaofei_popover" class="mui-popover" style="position:fixed;top:150px;left:50px;padding-top:10px;height: 300px;">
				<div class="mui-scroll-wrapper" style="margin-top: 10px;">
					<div class="mui-scroll">
						<ul class="mui-table-view">
							<div style="text-align: center;"><img class="xuzhi" src="__WX__/img/xuzhi.png" style="width:31px;vertical-align:middle;">收费须知</div>
							<div style="margin-top:5px;padding:10px;">{$content}</div>
						</ul>
					</div>
				</div>
				<div class="ok" style="width:100%;text-align: center;line-height:40px;border-top:1px solid #ccc;color:#53caff;height:40px;margin-top:285px;position: relative;background-color: #fff">知道了</div>
			</div>
		</div>
		<script src="__WX__/mui/js/mui.min.js"></script>
		<script>
            mui.init();
            var gallery = mui('.mui-slider');
            mui.ready(function () {
                mui('.mui-scroll-wrapper').scroll();
            });
            $(".shoufei_xuzhi").click(function(){
                mui('#jiaofei_popover').popover('show');
            })
            $(".ok").click(function(){
                mui('.mui-popover').popover('hide');
            })
		</script>
		<script>
            $(".denglu").click(function(){
                $.ajax({
                    url:'shoufei_user',
                    type:"post",
                    data:{
                        username:$("input[name=username]").val(),
                        password:$("input[name=password]").val()
                    },
                    success:function(res){
                        if(res == 200){
                            mui.alert('登录成功，正在跳转请稍后...');
                            setTimeout(function(){
                                window.location.href = "{:url('Shoufei/shoufeiyuan')}";
                            },1500)
                        }else{
                            mui.alert(res.msg);
                        }
                    }
                })
            })
            $(".go").click(function(){
                window.location.href = 'zhuce';
            })
		</script>
	</body>
	

</html>